@mixin inputBgColor() {
  background-color: $inputColor;

  &:focus {
    box-sizing: border-box;
    outline: 1px solid $hoverColor;
  }
}

@mixin buttonBorder($num: 6px) {
  border-radius: $num;
  border: 2px solid $whiteColor;
}

.auto {
  margin: 0 auto;
}

// 全局基本样式
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  // width: 100vw;
  // height: 100vh;
  // background-color: #f4f4f4;
}


body {
  // font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light,
  //   simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, 'sans-serif';
  font-family: "Mulish",
    arial,
    sans-serif;
  box-sizing: border-box;

  ::-webkit-scrollbar {
    cursor: pointer;
    height: 18px;
    width: 18px;
  }

  ::-webkit-scrollbar-thumb {
    background: #7f7f7f;
    background-clip: padding-box;
    border: 6px solid transparent;
    border-radius: 25px;
  }
}

ul,
ol {
  list-style: none;
  /*清除列表风格*/
}

input {
  padding-top: 0;
  padding-bottom: 0;
  // font-family: 'SimSun', '宋体';
  font-family: inherit;
}

select,
input {
  vertical-align: middle;
}

select,
input,
textarea {
  font-size: 12px;
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

button::after {
  border: none;
}

textarea {
  resize: none;
}

/*防止多行文本框拖动*/
img {
  border: 0;
  vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
  border-collapse: collapse;
  /*合并外边线*/
}

@media (prefers-color-scheme: light) {
  :root {
    // background-color: #f4f5f6;
  }
}

#app {
  width: 100%;
  height: 100%;
}